<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

<ui:composition template="/WEB-INF/plantillas/plantilla.xhtml">
	<ui:define name="contenido">
		<p:fieldset>
			<p:toolbar>
				<p:toolbarGroup align="center" styleClass="ui-widget-header">
					<p:outputLabel value="B&Uacute;SQUEDA DE TRABAJADOR" />
				</p:toolbarGroup>
			</p:toolbar>
			<br />
			<h:form id="formlstPersona">
				<p:panel id="panellstPersona" header="B&Uacute;SQUEDA DE TRABAJADOR">

					<p:panelGrid id="pglstPersona">
						<p:row>
							<p:column>
								<h:outputLabel value="Tipo Documento:&nbsp;" />
							</p:column>
							<p:column>
								<p:selectOneMenu
									value="#{personaBean.personaParam.v_codtdocide}"
									required="true" id="v_codtdocide"
									requiredMessage="Debe elegir tipo de documento"
									widgetVar="v_codtdocide" onchange="validaXTipoDoc(this);">
									<f:selectItem itemLabel="--Seleccione Tipo Documento--"
										itemValue="" />
									<f:selectItems var="lst"
										value="#{tipoDocumendoIdeBean.listaTipoDocumentos}"
										itemValue="#{lst.v_codtdocide}"
										itemLabel="#{lst.v_destdocide}" />
								</p:selectOneMenu>
							</p:column>
							<p:column>
								<h:outputLabel value="Nro.Documento:&nbsp;" />
							</p:column>
							<p:column>
								<p:inputText value="#{personaBean.personaParam.v_numdoc}"
									id="v_numdoc" widgetVar="v_numdoc"
									onkeypress="return isNumberKeyNL(this);" required="true"
									requiredMessage="Debe ingresar el numero de documento"
									validatorMessage="Debe ingresar un número de documento válido">
									<f:validateLength minimum="8" maximum="15" />
								</p:inputText>
							</p:column>

						</p:row>


					</p:panelGrid>
					<p:separator />
					<center>
						<p:defaultCommand target="btnBuscarPer" />
						<p:commandButton value="Buscar" id="btnBuscarPer"
							icon="icon-usuario" action="#{personaBean.buscarPersonaMant}"
							update=":formListalstPersona:dtlstPersona, :formMensajes:msgMensajesConsolidado" />
						<p:commandButton value="Limpiar" icon="icon-escoba"
							action="#{personaBean.limpiarFormulario}" process="@form"
							update=":formlstPersona:pglstPersona,:formListalstPersona:dtlstPersona" />
					</center>
				</p:panel>
			</h:form>
			<h:form id="formMensajes">
				<p:messages id="msgMensajesConsolidado" />
			</h:form>
			<br />
			<h:form id="formListalstPersona">
				<p:dataTable id="dtlstPersona" var="persona"
					emptyMessage="No hay registros para mostrar"
					value="#{personaBean.lstPersonas}" paginator="true"
					paginatorPosition="bottom" rows="10"
					paginatorTemplate="{FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
					rowsPerPageTemplate="5,10,15" selection="#{personaBean.personaMan}"
					selectionMode="single"
					rowKey="#{persona.v_codtdocide}#{persona.v_numdoc}">

					<p:ajax event="rowSelect"
						update=":formListalstPersona:dtlstPersona" />
					<p:ajax event="rowUnselect"
						update=":formListalstPersona:dtlstPersona" />

					<p:column headerText="Tipo de Documento">
						<h:outputText value="#{persona.v_destdocide}" />
					</p:column>

					<p:column headerText="N° de Documento">
						<h:outputText value="#{persona.v_numdoc}" />
					</p:column>

					<p:column headerText="Apellidos y Nombres">
						<h:outputText
							value="#{persona.v_apepater} #{persona.v_apemater} #{persona.v_nombres}" />
					</p:column>

					<p:column headerText="Género">
						<h:outputText value="#{persona.c_codsexoX}" />
					</p:column>




				</p:dataTable>
			</h:form>
			<br />
			<p:separator />
			<h:form id="formMantPersona">
				<center>
					<p:commandButton id="btnNuevo" value="Nuevo"
						icon="icon-agregar-usuario" action="#{personaBean.redmntPersona}"
						update=":formMensajes:msgMensajesConsolidado" />
					<p:commandButton id="btnModificar" value="Modificar"
						icon="icon-editar-usuario"
						action="#{personaBean.redmntPersonaModificar}"
						update=":formMensajes:msgMensajesConsolidado" />

				</center>
			</h:form>
			<br />

			<h:form id="formConfirmacion">
				<p:confirmDialog id="dlgConfirmacion" widgetVar="dlgConfirmacion"
					header="Confirmacion de lo que sea" message="¿Desea Confirmar?"
					severity="alert" width="350px">
					<center>
						<p:commandButton id="btnConfRegresarDocCE" value="Confirmar"
							icon="icon-pref" />

						<p:commandButton value="Cancelar"
							oncomplete="dlgConfirmacion.hide();" icon="icon-cancel" />

					</center>
				</p:confirmDialog>
			</h:form>
			<p:ajaxStatus onstart="statusDialog.show();"
				onsuccess="statusDialog.hide();" />
		</p:fieldset>

		<script type="text/javascript">  
        //<![CDATA[
    		
    		function algunmetodo(xhr, status, args) {      			 		
        		 
   			 }

    		function validaXTipoDoc(combo){
    	    	var tipox = combo.options[combo.selectedIndex].value;
    	    	
    	    	if(tipox=="03"){
    	    		document.getElementById("formlstPersona:v_numdoc").value=""; 
    	    	}else {  
    	    		document.getElementById("formlstPersona:v_numdoc").value=""; 
    	    	}
    	    }

    		/*  $(document).ready(function(){
        		//alert("glglgllg");
        		//v_numdoc.value = 545545;
        		//$('#formlstPersona\\:v_numdoc').val("5415155815");
    			 
    		});

    		 $("[id='formlstPersona\\:v_codtdocide']").change(function(ev){
    			alert("glglgllg");	
    		    	//$('#formlstPersona\\:v_numdoc').val(""); "#formlstPersona\\:v_codtdocide"   
    		    	//validaXTipoDoc($(this).val());
    		    });
    		     */
    		
  			 //]]>
		</script>
	</ui:define>
</ui:composition>
</html>
